<template>
    <h-table-item-editor :api-object="apiObject" column spacer clear>
        <template v-slot:primary="{ editedItem }">
            <ValidationProvider
                v-slot="{ errors }"
                name="授权模式"
                rules="required"
            >
                <h-dictionary-select
                    v-model="editedItem.authorized_grant_types"
                    dictionary="grantType"
                    label="授权模式 * "
                    multiple
                    placeholder="请选择授权模式，可以多个"
                    :error-messages="errors"
                    required
                ></h-dictionary-select>
            </ValidationProvider>
            <v-text-field
                outlined
                clearable
                label="资源IDs(选填)"
                placeholder="请输入资源ID，多个以逗号分隔"
                v-model="editedItem.resource_ids"
            ></v-text-field>
            <v-text-field
                outlined
                clearable
                label="重定向地址"
                placeholder="请输入重定向地址，多个以逗号进行分隔"
                v-model="editedItem.redirect_uri"
            ></v-text-field>
            <v-text-field
                outlined
                clearable
                label="Token有效时间"
                placeholder="Token有效时间，单位秒"
                v-model="editedItem.access_token_validity"
                min="1800"
                step="1800"
                type="number"
            ></v-text-field>
            <v-text-field
                outlined
                clearable
                label="Token刷新时间"
                placeholder="Token刷新时间，单位秒"
                v-model="editedItem.refresh_token_validity"
                min="1800"
                step="1800"
                type="number"
            ></v-text-field>
            <v-divider class="mb-5"></v-divider>
        </template>
        <template v-slot:other="{ editedItem }">
            <v-text-field
                outlined
                clearable
                :disabled="true"
                label="APP_KEY"
                placeholder="应用APP_KEY"
                v-model="editedItem.client_id"
            ></v-text-field>
            <v-text-field
                outlined
                clearable
                :disabled="true"
                label="APP_SECRET"
                placeholder="应用APP_SECRET"
                v-model="editedItem.additionalInformation.appSecret"
            ></v-text-field>
            <v-text-field
                outlined
                clearable
                :disabled="true"
                label="应用名称"
                placeholder="该应用为"
                v-model="editedItem.additionalInformation.appName"
            ></v-text-field>
            <v-select
                v-model="editedItem.scope"
                :disabled="true"
                small-chips
                :items="editedItem.scope"
                chips
                label="范围设置"
                placeholder="该终端授权范围为"
                multiple
                outlined
            ></v-select>
        </template>
    </h-table-item-editor>
</template>

<script>
import HTableItemEditor from '@/components/business/HTableItemEditor.vue';
import HDictionarySelect from '@/components/business/HDictionarySelect.vue';
export default {
    components: {
        HTableItemEditor,
        HDictionarySelect
    },

    data: () => ({
        apiObject: "oauthClientDetails",
    })
}
</script>
